<template>
    <div class="message">
     
        <div style="flex: 0 0 auto; width: 100vw; height: 600px;     scroll-snap-align: start;
    flex-shrink: 0;" v-for="i in 6">
        {{ i }}
        </div>

      
    </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue';



const title = ref('soup')
const active = ref("chat");


</script>


<style lang="scss" scoped>
.message {

    display: flex;
 
    overflow-x: scroll;
    flex-shrink: 0;
    scroll-snap-type: x mandatory;
    height: 100%;
    width: 100%;


}



.van-tabs {
    top: 0;
}
</style>